www.gusucode.com > PHP条码扫描管理系统 v1.0PHP源码程序 > PHP条码扫描管理系统 v1.0/wltmglxt_v1.0/wltmglxt_v1.0/upload/protected/modules/pandora/views/layouts/pandora.php
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
<title> SmartAdmin </title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Basic Styles -->
<link rel="stylesheet" type="text/css" media="screen" href="/public/pandora/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="/public/pandora/css/font-awesome.min.css">
<!-- SmartAdmin Styles : Caution! DO NOT change the order -->
<link rel="stylesheet" type="text/css" media="screen" href="/public/pandora/css/smartadmin-production-plugins.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="/public/pandora/css/smartadmin-production.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="/public/pandora/css/smartadmin-skins.min.css">
<!-- SmartAdmin RTL Support -->
<link rel="stylesheet" type="text/css" media="screen" href="/public/pandora/css/smartadmin-rtl.min.css">
<!-- We recommend you use "your_style.css" to override SmartAdmin
specific styles this will also ensure you retrain your customization with each SmartAdmin update.
<link rel="stylesheet" type="text/css" media="screen" href="/public/pandora/css/your_style.css"> -->
<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
<link rel="stylesheet" type="text/css" media="screen" href="/public/pandora/css/demo.min.css">
<!-- FAVICONS -->
<link rel="shortcut icon" href="/public/pandora/img/favicon/favicon.ico" type="image/x-icon">
<link rel="icon" href="/public/pandora/img/favicon/favicon.ico" type="image/x-icon">
<!-- GOOGLE FONT -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">
<!-- Specifying a Webpage Icon for Web Clip
Ref: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html -->
<link rel="apple-touch-icon" href="/public/pandora/img/splash/sptouch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="/public/pandora/img/splash/touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="/public/pandora/img/splash/touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="/public/pandora/img/splash/touch-icon-ipad-retina.png">
<!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Startup image for web apps -->
<link rel="apple-touch-startup-image" href="/public/pandora/img/splash/ipad-landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
<link rel="apple-touch-startup-image" href="/public/pandora/img/splash/ipad-portrait.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
<link rel="apple-touch-startup-image" href="/public/pandora/img/splash/iphone.png" media="screen and (max-device-width: 320px)">
</head>
<!--
TABLE OF CONTENTS.
Use search to find needed section.
===================================================================
| 01. #CSS Links | all CSS links and file paths |
| 02. #FAVICONS | Favicon links and file paths |
| 03. #GOOGLE FONT | Google font link |
| 04. #APP SCREEN / ICONS | app icons, screen backdrops |
| 05. #BODY | body tag |
| 06. #HEADER | header tag |
| 07. #PROJECTS | project lists |
| 08. #TOGGLE LAYOUT BUTTONS | layout buttons and actions |
| 09. #MOBILE | mobile view dropdown |
| 10. #SEARCH | search field |
| 11. #NAVIGATION | left panel & navigation |
| 12. #RIGHT PANEL | right panel userlist |
| 13. #MAIN PANEL | main panel |
| 14. #MAIN CONTENT | content holder |
| 15. #PAGE FOOTER | page footer |
| 16. #SHORTCUT AREA | dropdown shortcuts area |
| 17. #PLUGINS | all scripts and plugins |
===================================================================
-->
<!-- #BODY -->
<!-- Possible Classes
* 'smart-style-{SKIN#}'
* 'smart-rtl' - Switch theme mode to RTL
* 'menu-on-top' - Switch to top navigation (no DOM change required)
* 'no-menu' - Hides the menu completely
* 'hidden-menu' - Hides the main menu but still accessable by hovering over left edge
* 'fixed-header' - Fixes the header
* 'fixed-navigation' - Fixes the main menu
* 'fixed-ribbon' - Fixes breadcrumb
* 'fixed-page-footer' - Fixes footer
* 'container' - boxed layout mode (non-responsive: will not work with fixed-navigation & fixed-ribbon)
-->
<body class="">
<!-- HEADER -->
<header id="header">
<div id="logo-group">
<!-- PLACE YOUR LOGO HERE -->
<span id="logo"> <img src="/public/pandora/img/logo.png" alt="SmartAdmin"> </span>
<!-- END LOGO PLACEHOLDER -->
<!-- Note: The activity badge color changes when clicked and resets the number to 0
Suggestion: You may want to set a flag when this happens to tick off all checked messages / notifications -->
<span id="activity" class="activity-dropdown"> <i class="fa fa-user"></i> <b class="badge"> 21 </b> </span>
<!-- AJAX-DROPDOWN : control this dropdown height, look and feel from the LESS variable file -->
<div class="ajax-dropdown">
<!-- the ID links are fetched via AJAX to the ajax container "ajax-notifications" -->
<div class="btn-group btn-group-justified" data-toggle="buttons">
<label class="btn btn-default">
<input type="radio" name="activity" id="/public/pandora/ajax/notify/mail.html"> Msgs (14) </label>
<label class="btn btn-default">
<input type="radio" name="activity" id="/public/pandora/ajax/notify/notifications.html"> notify (3) </label>
<label class="btn btn-default">
<input type="radio" name="activity" id="/public/pandora/ajax/notify/tasks.html"> Tasks (4) </label>
</div>
<!-- notification content -->
<div class="ajax-notifications custom-scroll">
<div class="alert alert-transparent">
<h4>Click a button to show messages here</h4> This blank page message helps protect your privacy, or you can show the first message here automatically.
</div>
<i class="fa fa-lock fa-4x fa-border"></i>
</div>
<!-- end notification content -->
<!-- footer: refresh area -->
<span> Last updated on: 12/12/2013 9:43AM
<button type="button" data-loading-text="<i class='fa fa-refresh fa-spin'></i> Loading..." class="btn btn-xs btn-default pull-right">
<i class="fa fa-refresh"></i>
</button>
</span>
<!-- end footer -->
</div>
<!-- END AJAX-DROPDOWN -->
</div>
<!-- projects dropdown -->
<div class="project-context hidden-xs">
<span class="label">Projects:</span>
<span class="project-selector dropdown-toggle" data-toggle="dropdown">Recent projects <i class="fa fa-angle-down"></i></span>
<!-- Suggestion: populate this list with fetch and push technique -->
<ul class="dropdown-menu">
<li>
<a href="javascript:void(0);">Online e-merchant management system - attaching integration with the iOS</a>
</li>
<li>
<a href="javascript:void(0);">Notes on pipeline upgradee</a>
</li>
<li>
<a href="javascript:void(0);">Assesment Report for merchant account</a>
</li>
<li class="divider"></li>
<li>
<a href="javascript:void(0);"><i class="fa fa-power-off"></i> Clear</a>
</li>
</ul>
<!-- end dropdown-menu-->
</div>
<!-- end projects dropdown -->
<!-- pulled right: nav area -->
<div class="pull-right">
<!-- collapse menu button -->
<div id="hide-menu" class="btn-header pull-right">
<span> <a href="javascript:void(0);" data-action="toggleMenu" title="Collapse Menu"><i class="fa fa-reorder"></i></a> </span>
</div>
<!-- end collapse menu -->
<!-- #MOBILE -->
<!-- Top menu profile link : this shows only when top menu is active -->
<ul id="mobile-profile-img" class="header-dropdown-list hidden-xs padding-5">
<li class="">
<a href="#" class="dropdown-toggle no-margin userdropdown" data-toggle="dropdown">
<img src="/public/pandora/img/avatars/sunny.png" alt="John Doe" class="online" />
</a>
<ul class="dropdown-menu pull-right">
<li>
<a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0"><i class="fa fa-cog"></i> Setting</a>
</li>
<li class="divider"></li>
<li>
<a href="profile.html" class="padding-10 padding-top-0 padding-bottom-0"> <i class="fa fa-user"></i> <u>P</u>rofile</a>
</li>
<li class="divider"></li>
<li>
<a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0" data-action="toggleShortcut"><i class="fa fa-arrow-down"></i> <u>S</u>hortcut</a>
</li>
<li class="divider"></li>
<li>
<a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0" data-action="launchFullscreen"><i class="fa fa-arrows-alt"></i> Full <u>S</u>creen</a>
</li>
<li class="divider"></li>
<li>
<a href="login.html" class="padding-10 padding-top-5 padding-bottom-5" data-action="userLogout"><i class="fa fa-sign-out fa-lg"></i> <strong><u>L</u>ogout</strong></a>
</li>
</ul>
</li>
</ul>
<!-- logout button -->
<div id="logout" class="btn-header transparent pull-right">
<span> <a href="login.html" title="Sign Out" data-action="userLogout" data-logout-msg="You can improve your security further after logging out by closing this opened browser"><i class="fa fa-sign-out"></i></a> </span>
</div>
<!-- end logout button -->
<!-- search mobile button (this is hidden till mobile view port) -->
<div id="search-mobile" class="btn-header transparent pull-right">
<span> <a href="javascript:void(0)" title="Search"><i class="fa fa-search"></i></a> </span>
</div>
<!-- end search mobile button -->
<!-- input: search field -->
<form action="search.html" class="header-search pull-right">
<input id="search-fld" type="text" name="param" placeholder="Find reports and more" data-autocomplete='[
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"]'>
<button type="submit">
<i class="fa fa-search"></i>
</button>
<a href="javascript:void(0);" id="cancel-search-js" title="Cancel Search"><i class="fa fa-times"></i></a>
</form>
<!-- end input: search field -->
<!-- fullscreen button -->
<div id="fullscreen" class="btn-header transparent pull-right">
<span> <a href="javascript:void(0);" data-action="launchFullscreen" title="Full Screen"><i class="fa fa-arrows-alt"></i></a> </span>
</div>
<!-- end fullscreen button -->
<!-- #Voice Command: Start Speech -->
<div id="speech-btn" class="btn-header transparent pull-right hidden-sm hidden-xs">
<div>
<a href="javascript:void(0)" title="Voice Command" data-action="voiceCommand"><i class="fa fa-microphone"></i></a>
<div class="popover bottom">
<div class="arrow"></div>
<div class="popover-content">
<h4 class="vc-title">Voice command activated <br><small>Please speak clearly into the mic</small></h4>
<h4 class="vc-title-error text-center">
<i class="fa fa-microphone-slash"></i> Voice command failed
<br><small class="txt-color-red">Must <strong>"Allow"</strong> Microphone</small>
<br><small class="txt-color-red">Must have <strong>Internet Connection</strong></small>
</h4>
<a href="javascript:void(0);" class="btn btn-success" onclick="commands.help()">See Commands</a>
<a href="javascript:void(0);" class="btn bg-color-purple txt-color-white" onclick="$('#speech-btn .popover').fadeOut(50);">Close Popup</a>
</div>
</div>
</div>
</div>
<!-- end voice command -->
<!-- multiple lang dropdown : find all flags in the flags page -->
<ul class="header-dropdown-list hidden-xs">
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="/public/pandora/img/blank.gif" class="flag flag-us" alt="United States"> <span> English (US) </span> <i class="fa fa-angle-down"></i> </a>
<ul class="dropdown-menu pull-right">
<li class="active">
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-us" alt="United States"> English (US)</a>
</li>
<li>
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-fr" alt="France"> Français</a>
</li>
<li>
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-es" alt="Spanish"> Español</a>
</li>
<li>
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-de" alt="German"> Deutsch</a>
</li>
<li>
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-jp" alt="Japan"> 日本語</a>
</li>
<li>
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-cn" alt="China"> 中文</a>
</li>
<li>
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-it" alt="Italy"> Italiano</a>
</li>
<li>
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-pt" alt="Portugal"> Portugal</a>
</li>
<li>
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-ru" alt="Russia"> Русский язык</a>
</li>
<li>
<a href="javascript:void(0);"><img src="/public/pandora/img/blank.gif" class="flag flag-kr" alt="Korea"> 한국어</a>
</li>
</ul>
</li>
</ul>
<!-- end multiple lang -->
</div>
<!-- end pulled right: nav area -->
</header>
<!-- END HEADER -->
<!-- Left panel : Navigation area -->
<!-- Note: This width of the aside area can be adjusted through LESS variables -->
<aside id="left-panel">
<?php $this->renderPartial('/layouts/sidebar'); ?>
</aside>
<!-- END NAVIGATION -->
<!-- MAIN PANEL -->
<div id="main" role="main">
<?php echo $content; ?>
</div>
<!-- END MAIN PANEL -->
<!-- PAGE FOOTER -->
<div class="page-footer">
<div class="row">
<div class="col-xs-12 col-sm-6">
<span class="txt-color-white">SmartAdmin 1.7.0 <span class="hidden-xs"> - Web Application Framework</span> © 2014-2015</span>
</div>
<div class="col-xs-6 col-sm-6 text-right hidden-xs">
<div class="txt-color-white inline-block">
<i class="txt-color-blueLight hidden-mobile">Last account activity <i class="fa fa-clock-o"></i> <strong>52 mins ago </strong> </i>
<div class="btn-group dropup">
<button class="btn btn-xs dropdown-toggle bg-color-blue txt-color-white" data-toggle="dropdown">
<i class="fa fa-link"></i> <span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right text-left">
<li>
<div class="padding-5">
<p class="txt-color-darken font-sm no-margin">Download Progress</p>
<div class="progress progress-micro no-margin">
<div class="progress-bar progress-bar-success" style="width: 50%;"></div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<div class="padding-5">
<p class="txt-color-darken font-sm no-margin">Server Load</p>
<div class="progress progress-micro no-margin">
<div class="progress-bar progress-bar-success" style="width: 20%;"></div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<div class="padding-5">
<p class="txt-color-darken font-sm no-margin">Memory Load <span class="text-danger">*critical*</span></p>
<div class="progress progress-micro no-margin">
<div class="progress-bar progress-bar-danger" style="width: 70%;"></div>
</div>
</div>
</li>
<li class="divider"></li>
<li>
<div class="padding-5">
<button class="btn btn-block btn-default">refresh</button>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END PAGE FOOTER -->
<!-- SHORTCUT AREA : With large tiles (activated via clicking user name tag)
Note: These tiles are completely responsive,
you can add as many as you like
-->
<div id="shortcut">
<ul>
<li>
<a href="inbox.html" class="jarvismetro-tile big-cubes bg-color-blue"> <span class="iconbox"> <i class="fa fa-envelope fa-4x"></i> <span>Mail <span class="label pull-right bg-color-darken">14</span></span>
</span>
</a>
</li>
<li>
<a href="calendar.html" class="jarvismetro-tile big-cubes bg-color-orangeDark"> <span class="iconbox"> <i class="fa fa-calendar fa-4x"></i> <span>Calendar</span> </span>
</a>
</li>
<li>
<a href="gmapxml.html" class="jarvismetro-tile big-cubes bg-color-purple"> <span class="iconbox"> <i class="fa fa-map-marker fa-4x"></i> <span>Maps</span> </span>
</a>
</li>
<li>
<a href="invoice.html" class="jarvismetro-tile big-cubes bg-color-blueDark"> <span class="iconbox"> <i class="fa fa-book fa-4x"></i> <span>Invoice <span class="label pull-right bg-color-darken">99</span></span>
</span>
</a>
</li>
<li>
<a href="gallery.html" class="jarvismetro-tile big-cubes bg-color-greenLight"> <span class="iconbox"> <i class="fa fa-picture-o fa-4x"></i> <span>Gallery </span> </span>
</a>
</li>
<li>
<a href="profile.html" class="jarvismetro-tile big-cubes selected bg-color-pinkDark"> <span class="iconbox"> <i class="fa fa-user fa-4x"></i> <span>My Profile </span> </span>
</a>
</li>
</ul>
</div>
<!-- END SHORTCUT AREA -->
<!--================================================== -->
<!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
<script data-pace-options='{ "restartOnRequestAfter": true }' src="/public/pandora/js/plugin/pace/pace.min.js"></script>
<script src="/public/pandora/js/libs/jquery-2.1.1.min.js"></script>
<script src="/public/pandora/js/libs/jquery-ui-1.10.3.min.js"></script>
<!-- IMPORTANT: APP CONFIG -->
<script src="/public/pandora/js/app.config.js"></script>
<!-- JS TOUCH : include this plugin for mobile drag / drop touch events-->
<script src="/public/pandora/js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script>
<!-- BOOTSTRAP JS -->
<script src="/public/pandora/js/bootstrap/bootstrap.min.js"></script>
<!-- CUSTOM NOTIFICATION -->
<script src="/public/pandora/js/notification/SmartNotification.min.js"></script>
<!-- JARVIS WIDGETS -->
<script src="/public/pandora/js/smartwidgets/jarvis.widget.min.js"></script>
<!-- EASY PIE CHARTS -->
<script src="/public/pandora/js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>
<!-- SPARKLINES -->
<script src="/public/pandora/js/plugin/sparkline/jquery.sparkline.min.js"></script>
<!-- JQUERY VALIDATE -->
<script src="/public/pandora/js/plugin/jquery-validate/jquery.validate.min.js"></script>
<!-- JQUERY MASKED INPUT -->
<script src="/public/pandora/js/plugin/masked-input/jquery.maskedinput.min.js"></script>
<!-- JQUERY SELECT2 INPUT -->
<script src="/public/pandora/js/plugin/select2/select2.min.js"></script>
<!-- JQUERY UI + Bootstrap Slider -->
<script src="/public/pandora/js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>
<!-- browser msie issue fix -->
<script src="/public/pandora/js/plugin/msie-fix/jquery.mb.browser.min.js"></script>
<!-- FastClick: For mobile devices -->
<script src="/public/pandora/js/plugin/fastclick/fastclick.min.js"></script>
<!--[if IE 8]>
<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>
<![endif]-->
<!-- Demo purpose only -->
<script src="/public/pandora/js/demo.min.js"></script>
<!-- MAIN APP JS FILE -->
<script src="/public/pandora/js/app.min.js"></script>
<!-- ENHANCEMENT PLUGINS : NOT A REQUIREMENT -->
<!-- Voice command : plugin -->
<script src="/public/pandora/js/speech/voicecommand.min.js"></script>
<!-- SmartChat UI : plugin -->
<script src="/public/pandora/js/smart-chat-ui/smart.chat.ui.min.js"></script>
<script src="/public/pandora/js/smart-chat-ui/smart.chat.manager.min.js"></script>
<?php $this->renderPartial('/layouts/script'); ?>
</body>
</html>